@import "variable.styl"
html,body
  line-height: 1  //设置行间的距离（行高）。
  font-weight: 200 //设置文本的粗细。
  // font-family 规定元素的字体系列。浏览器会使用它可识别的第一个值。
  font-family: 'PingFang SC', 'STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif, 'Droid Sans Fallback'
  -webkit-tap-highlight-color: transparent
  // background: $color-background
  // color: $color-text
a
 outline: none // outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。
 -webkit-tap-highlight-color: rgba(0,0,0,0)
// 移动端1px边框
@media (-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5)
  .border-1px
    &::after
      -webkit-transform: scaleY(0.7)
      transform: scaleY(0.7)
@media (-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2),(min--moz-device-pixel-ratio:1.5)
  .border-1px
    &::after // :after 选择器在被选元素的内容后面插入内容。
      -webkit-transform: scaleY(0.5)
      transform: scaleY(0.5)
.clearfix
  display: inline-block
  &::after
    content: '.'
    display: block
    height: 0
    line-height: 0
    clear: both
    visibility: hidden
